<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>OMS - Index</title>
		<link rel="stylesheet" type="text/css"
			href="resources/styles/ext-all.css" />
			
			<link href="../resources/styles/ext-all.css" rel="stylesheet" type="text/css"/>
			<link href="../resources/styles/screen.css" rel="stylesheet" type="text/css" />


		<script type="text/javascript" src="./resources/scripts/ext-base.js"></script>
		<script type="text/javascript" src="./resources/scripts/ext-all.js"></script>
		<script type="text/javascript"
			src="./resources/scripts/ext-lang-zh_CN.js"></script>
		<script type="text/javascript" src="./resources/scripts/examples.js"></script>
  
	<style type="text/css">
	html, body {
        font:normal 12px verdana;
        margin:0;
        padding:0;
        border:0 none;
        overflow:hidden;
        height:100%;
    }
	.x-panel-body p {
	    margin:5px;
	}
    .x-column-layout-ct .x-panel {
        margin-bottom:5px;
    }
    .x-column-layout-ct .x-panel-dd-spacer {
        margin-bottom:5px;
    }
    .settings {
        background-image:url(../shared/icons/fam/folder_wrench.png) !important;
    }
    .nav {
        background-image:url(../shared/icons/fam/folder_go.png) !important;
    }
    #container  {
    position: absolute;
    left: 3px;
    top: 7px;
    font-size: 1.5em;
    
    font-family: 宋体;
    color: #0754A7;
}
    </style>
    <script type="text/javascript">
Ext.onReady(function(){

    var tabs = new Ext.TabPanel({
        renderTo:'tabs',
        resizeTabs:true, // turn on tab resizing
        minTabWidth: 115,
        tabWidth:135,
        enableTabScroll:true,
        width:600,
        height:250,
        defaults: {autoScroll:true},
        plugins: new Ext.ux.TabCloseMenu()
    });

    // tab generation code
    var index = 0;
    while(index < 7){
        addTab();
    }
    function addTab(){
        tabs.add({
            title: 'New Tab ' + (++index),
            iconCls: 'tabs',
            html: 'Tab Body ' + (index) + '<br/><br/>'
                    + Ext.example.bogusMarkup,
            closable:true
        }).show();
    }

    new Ext.Button({
        text: 'Add Tab',
        handler: addTab,
        iconCls:'new-tab'
    }).render(document.body, 'tabs');
});
</script>
</head>
	<body>
	
	<div id="tabs" style="margin:15px 0;"></div>
	
	
	
	</body>
</html>